<template>
  <div class="kw-form-item" :class="config.cls">
    <div class="kw-form-item-label">
      <span>{{config.name}}</span>
      <span class="desc">{{config.desc}}</span>
    </div>
    <div class="kw-form-item-content">
      <input :type="config.type||'text'" 
        :maxlength="config.maxLength" v-model="defaultValue" 
        :min="config.min" :max="config.max">
    </div>
  </div>
</template>

<script>
  import { prop } from '../mixins/prop'
  export default {
    name: 'input-prop',
    mixins: [prop]
}
</script>

<style>

</style>